<template>
    <view class="fast-login-row flex w-full">
        <button class="button custom-btn vertical flex items-center line-height-34rpx" hover-class="button-hover" @click="wxLogin">
            <img :src="wxIcon" style="width: 68rpx; height: 68rpx;" alt="" />
            <text class="mt-12rpx">手机号快捷登录</text>
        </button>
    </view>
</template>
<script lang='ts' setup>
import wxIcon from '@/static/icon/login/fastlogin.png'
const wxLogin = () => {

}
// const wxLogin = async () => {
//     if (!isCheckAgreement.value && isOpenAgreement.value) {
//         showModel.value = true
//         console.log(showModel.value)
//         return
//     }

//     // #ifdef MP-WEIXIN

//     uni.showLoading({
//         title: '请稍后...'
//     })
//     try {
//         const { code }: any = await uni.login({
//             provider: 'weixin'
//         })
//         const data = await mnpLogin({
//             code: code
//         })
//         loginData.value = data
//         if (data.is_new_user) {
//             uni.hideLoading()
//             userStore.temToken = data.token
//             showLoginPopup.value = true
//             return
//         }
//         loginHandle(data)
//     } catch (error: any) {
//         uni.hideLoading()
//         uni.$u.toast(error)
//     }
//     // #endif
//     // #ifdef H5
//     if (isWeixin.value) {
//         oaLogin()
//     }
//     // #endif
// }
</script>
<style lang="scss" scoped>
.fast-login-row {
    margin-top: 32rpx;
    width: 100%;
    padding-bottom: calc(36rpx + env(safe-area-inset-bottom));
}
.custom-btn {
    font-size: 24rpx;
    color: var(--wot-color-text);
}
</style>